﻿@charset "utf-8";
/* CSS Document */
body{font:12px/22px "\5B8B\4F53",arial; text-align:left;color:#333;overflow-x: hidden;font-family:"Microsoft YaHei"!important;}
body,div,ul,ol,li,dl,dt,dd,span,p,h1,h2,h3,h4,h5,h6,img,form,table,tr,td,th,label{margin:0;padding:0;}
img{border:none;}
span{cursor: default;}
ul,ol,li{list-style-type:none;}
.fa{font-family:arial;}.ft{font-family:tahoma;}.fw{font-family:"Microsoft YaHei"}.fs{font-family:"SimSun"}
.fl{float:left;}.fr{float:right;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.p10{padding:10px; overflow:hidden; zoom:1;}.pr10{padding-right:10px;}.pt10{padding-top:10px;}.pb10{padding-bottom:10px;}
.ml15{margin-left:15px;}.mt10{margin-top:10px;}.mb10{margin-bottom:10px;}.ml10{margin-left:10px;}.mr10{margin-right:10px;}
.mt20{margin-top:20px;}.mb20{margin-bottom:20px;}.ml20{margin-left:20px;}.mr20{margin-right:20px;}
.mt30{margin-top:30px;}.mb30{margin-bottom:30px;}.ml30{margin-left:30px;}.mr30{margin-right:30px;}
.mt40{margin-top:40px;}
select,input,label,textarea,img{vertical-align:middle;font-size:12px;color:#555;}
input {outline: none;border:none;background: none;}
a{color:#444;text-decoration:none;cursor: pointer;}
a:hover{color:#ba2636;text-decoration:none;}
.cl{clear:both;}
.w680{width:680px; margin:0 auto; zoom:1;}
.w1200{width:1200px; margin:0 auto; zoom:1;}.w1100{width:1100px; margin:0 auto; zoom:1;}
.h120{height:120px;}
.rel {position:relative;}
.abs {position:absolute;}
h2,h3{ font-weight:500;cursor: default;}
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
input[type="number"],select,textarea{
    border: none;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    line-height: normal;
    color: #424242;
    font-size: 0.8rem;
    font-family: inherit;
    box-sizing: border-box;
    -webkit-user-select: text;
            user-select: text;
    -webkit-appearance: none;
            appearance: none;
            outline: none;
}
.loginbox h3{
    text-align:center;
    font-size:28px;
    color:#fff;
    margin:80px 0 50px 0;
    line-height:28px;
    overflow:hidden;
}
.loginbox .logincot{
    background:rgba(255,255,255,0.4);
    width:350px;
    height:380px;
    overflow:hidden;
    box-shadow: 0 0 5px rgba(0,20,174,0.15);
    margin:0 auto;
    position: relative;
}
.loginbox .logincot .formbox{
    width:300px;
    margin:90px auto;
}
.loginbox .logincot .formbox .tab{
    right:0;
    top:0;
    position:absolute;
}
.loginbox .logincot .formbox .tab i{
    border:#eeeeee 1px solid;
    height:22px;
    line-height:22px;
    font-size:12px;
    color:#fff;
    font-style:normal;
    display: block;
    float:left;
    padding:0 10px;
    position: relative;
    margin:10px 0;
}
.loginbox .logincot .formbox .tab img{
    width:42px;
    height: 42px;
}
.loginbox .logincot .formbox .tab .item{
    display:none;
    cursor:pointer;
}
.loginbox .logincot .formbox .tab .item.cur{
    display:block;
}
.loginbox .logincot .formbox ul li{
    margin:20px 0 0 0;
}
.loginbox .logincot .formbox ul li .inputtext{
    background:#fff;
    overflow:hidden;
}
.loginbox .logincot .formbox ul li label{
    font-size:14px;
    color:#424242;
    float:left;
    display: block;
    width:36px;
    line-height:32px;
}
.loginbox .logincot .formbox ul li .ico{
    float:left;
    display:block;
    width:20px;
    height:20px;
    margin:9px 10px;
}
.loginbox .logincot .formbox ul li .ico img{
    width:20px;
    height:20px;
    display:block;
}
.loginbox .logincot .formbox ul li input{
    width:250px;
    float:left;
    line-height:38px;
    font-size:14px;
}
.loginbox .logincot .formbox ul li input::-webkit-input-placeholder{
    color:#ccc;
}
.loginbox .logincot .formbox ul li.code .inputtext{
    width:190px;
    float:left;
}
.loginbox .logincot .formbox ul li.code input{
    width:150px;
}
.loginbox .logincot .formbox ul li.code .qrcode{
    height:38px;
    float:right;
    cursor:pointer;
}
.loginbox .logincot .formbox .btn a{
    display: block;
    width:300px;
    height:38px;
    background:#30a8fd;
    border-radius:3px;
    -webkit-border-radius:3px;
    text-align:center;
    line-height:38px;
    font-size:16px;
    color:#fff;
    margin:40px 0 0 0;
}
.loginbox .qrcodebox .qrcodepic{
    border:#f0f0f0 1px solid;
    background:#fff;
    width:200px;
    height:200px;
    margin:30px auto 0 auto;
    text-align:center;
}
.loginbox .qrcodebox .qrcodepic img{
    width:150px;
    height:150px;
    display: block;
    margin:10px auto 0 auto;
}
.loginbox .qrcodebox .qrcodepic span{
    color:#999;
    text-align:center;
    display:block;
    background:url(/adminres/Logo/images/ico-scan.png) 15px center no-repeat;
    background-size:20px;
    font-size:14px;
    padding-left:25px;
    margin:10px 0 0 0;
}
.loginbox .qrcodebox p{
    text-align:center;
    margin:10px 0 0 0;
    line-height:24px;
    color:#ccc;
    font-size:14px;
}
.loginbox .qrcodebox p a{
    color:#49a0ff;
}
.loginbox .itemcon .item{
    display:none;
}